<template>
  <el-input v-model="showValue" placeholder="placeholder" size="small"></el-input>
</template>

<script>

  import store from '@/store/store';
  import numeral from 'numeral';

  function format(num){
    numeral(1000).format('0,0');
    return ;
  }

  function getValue(formatValue){
    const template = '';
    return formatValue.replace('-------','')*1;
  }

  export default {
    data(){
      return {
        realValue:this.value
      }
    },
    props:{
      value:{
        type:Number
      },
      placeholder:{
        type:String
      },
      disabled:{
        type:Boolean
      },
      readonly:{
        type:Boolean
      }
    },
    computed:{
      showValue:{
        get:function(){
          return format(this.realValue);
        },
        set:function(newValue){
          this.realValue=getValue(newValue);
          this.$emit("input",this.realValue);
        }
      }
    }
  };

</script>

